import "./message.css"

const Message = ({isSelf, content}) => {
    return(
        <div className={`chat-content-message ${isSelf ? 'self' : 'other'}`}>
            { !isSelf && <img src="../../../../../public/avatar.png" alt=""/> }
            <div className="message-info">{content}</div>
            { isSelf && <img src="../../../../../public/avatar.png" alt=""/> }
        </div>
    )
}

export default Message